<template>
  <div class="index-box" ref="index">
    <div class="shop-box">

      <el-form class="formDialog"  :model="user" label-position="right" :rules="rules" ref="user">
        <el-form-item label="商品编号:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="商家门店名称:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="商品分类:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="商家类型:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="商品名称:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="会员类型:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="商品图片:" class="d-flex align-center shopImg"  label-width="160px" style="width:100%">
          <el-image :src="img" fit="fill" v-image-preview="img"></el-image>
        </el-form-item>
        <el-form-item label="保障:"  label-width="160px" style="width:100%">
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="参数:"  label-width="160px" style="width:100%">
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="规则:"  label-width="160px" style="width:100%">

          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="发货地:"  label-width="160px" style="width:100%">
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="原价:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="供货价:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="零售价:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="平台售价:"  label-width="160px" >
          {{user.kooriookami}}
        </el-form-item>
        <el-form-item label="商品详情:"  label-width="160px" style="width:100%">
          {{user.kooriookami}}
        </el-form-item>

        <el-form-item  label-width="160px" style="width:100%">
          <el-button type="primary" @click="back()">返回</el-button>
        </el-form-item>
      </el-form>
    </div>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        loading: false,
        dataList:{},
        img:'https://cu.shcoolmeal.com/qianzhi_common/upload/cache/images/2021/08_20/9491b5901a586f5f869694a41a88f382_120x120.jpg',
        rules:[],
        user:{
          kooriookami:'1222222222222222222222'
        }
      }
    },
    mounted() {

    },
    methods: {
      back(){
          this.$router.go(-1);//返回上一层
      },
    }
  }
</script>

<style scoped lang="scss">
  .shop-box{
    width:60%;
    margin: 0 auto;
  }
  .shop-box /deep/ .el-descriptions-item__container{
    align-items: center;
  }
  .index-box{
    width:100%;
    overflow-y: auto;
  }
  .shop-box /deep/ .el-form-item__label{
      color: #606266;
      font-size: 14px;
      font-weight: normal;
  }
  .shop-box /deep/ .el-form-item__content{
      color: #606266;
      font-size: 14px;
      font-weight: normal;
  }
  .shopImg /deep/ .el-form-item__content{
    margin-left: 0px!important;
  }
</style>
